<!DOCTYPE html>
<html lang="zh">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>翻译服务其他资料填写</title>

<style>

body {  font-family:"微软雅黑"; 
        overflow-x:hidden;
}

.fillin-top { width:1440px; 
              height:60px; 
			  border-bottom: 2px solid #E89595;
			  line-height:60px;
			  padding-left:20%;
			  font-size: 24px;
              color:#333333;
              letter-spacing: 0;
			  margin:auto;
			  }

.fillin-title { width:980px; 
              height:80px; 
			  line-height:90px;
			  margin:auto;
			  text-align:center;
			  font-size: 24px;
              color: #333333;
			  }
			  
.fillin-yewu { width:800px; 
              height:60px; 
			  line-height:70px;
			  border-bottom: 1px solid #DDDDDD;
			  margin:auto;
			  font-size: 18px;
              color: #333333;
			  }
			  
.fillin-from { width:800px;
			   height:120px; 
			   margin:auto; 
			   font-size: 16px;
			   color: #333333;
}			  
			  
.fillin-left { width:500px; 
               height:50px; 
			   float:left; 
			   line-height:40px; 
			   margin-top:20px;
			   }
			   
.fillin-right { width:300px; 
                height:50px; 
				float:left; 
				line-height:40px; 
				margin-top:20px;
				}

.fillin-from input {
    width:300px;
    height:38px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    font-size: 16px;
	border-radius: 100px;
	padding-left: 15px;
	font-family:Arial;
}

input::-ms-clear{display:none;}

.fillin-tab { width:800px;  
              height:250px;
			  margin:auto;
			  font-size: 16px;
              color: #333333;
			  margin-top:20px;
}	

.tab1{ width:800px; 
       margin:0 auto 0 auto;
	   }
	   
.menu{ height:28px;}

.menu ul { padding-left: 0px;}

.menu li{ float:left;
          width:200px; 
		  line-height:28px; 
		  height:28px; 
		  cursor:pointer; 
		  font-size: 16px;
          color: #666666;
		  list-style:none;
		  background-image:url(../images/tab1.png);
		  padding-left:25px;
		   }
		   
.menu li.off{ background-image:url(../images/tab2.png);}	
	   
.menudiv div{ padding-top:40px; }

.menudiv input {
    width: 100%;
    height:38px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #BFBFBF;
    outline: none;
	border-radius: 100px;
	padding-left: 15px;
	margin-top:20px;
	
} 
.fillin-but { width:220px;
              height:36px;
			  margin:auto;}

.fillin-but button {
    width:210px;
    height: 36px;
    background:#0099ff;
    box-sizing: border-box;
    border-radius: 25px;
    border: 1px solid #0099ff;;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size:16px;
	line-height:36px;
    outline: none;
    cursor: pointer;
}
.fillin-bottom img { width:12%; margin-right:5px;}

.fillin-bottom { width:800px;
                 height:50px;
				 padding-top:60px;
				 margin:auto;
				 text-align:center;
				 font-size: 14px;
                 color: #999999;
				
}

</style>

</head>
<body>
  
      <div class="fillin-top">翻译服务</div>
	  
      <div class="fillin-title">翻译服务申请</div>
	  
	  <div class="fillin-yewu">业务信息</div>
	  
	  <div class="fillin-from">
		  <div class="fillin-left"> 
		      App名称<br>
		      <input type="text" value="" placeholder="isala" />
		  </div>
		  <div class="fillin-right"> 
		      App Key<br>
			   <input type="text" value="" placeholder="isala-mobiel"  />
		  </div>		  
	  </div>
	 		<div class="fillin-tab">服务类型
				<div class="tab">
					  <div class="tab1" id="tab1">
						<div class="menu">
							<ul>
								<li id="one1" onClick="setTab('one',1)">基础翻译服务</li>
								<li id="one2" onClick="setTab('one',2)" style="margin-left:270px;">定制化翻译服务</li>
					
							</ul>
						</div>
						<div class="menudiv">
							<div id="con_one_1">输入在微软Translate Hub 创建好的 Project的Category
											   <input type="text" value="" placeholder="请输入" /></div>
							<div id="con_one_2" style="display:none;"></div>
					
						</div>
					</div>

				</div>
			</div>  
				
				<div class="fillin-but">
				    <button>提交</button>
				</div>
                <div class="fillin-bottom">
				   <img src="../images/Welink.png">由BP&IT  WeLink翻译团队提供翻译服务，若由问题，请联系我们
				</div>
     
   
<script type="text/javascript">
function setTab(name,cursel){
	cursel_0=cursel;
	for(var i=1; i<=links_len; i++){
		var menu = document.getElementById(name+i);
		var menudiv = document.getElementById("con_"+name+"_"+i);
		if(i==cursel){
			menu.className="off";
			menudiv.style.display="block";
			menudiv.style.display="block";
		}
		else{
			menu.className="";
			menudiv.style.display="none";
		}
	}
}
function Next(){                                                        
	cursel_0++;
	if (cursel_0>links_len)cursel_0=1
	setTab(name_0,cursel_0);
} 
var name_0='one';
var cursel_0=1;
var links_len,iIntervalId;
onload=function(){
	var links = document.getElementById("tab1").getElementsByTagName('li')
	links_len=links.length;
	for(var i=0; i<links_len; i++){
		links[i].onmouseover=function(){
			clearInterval(iIntervalId);
			this.onmouseout=function(){
				iIntervalId = setInterval(Next,ScrollTime);;
			}
		}
	}
	document.getElementById("con_"+name_0+"_"+links_len).parentNode.onmouseover=function(){
		clearInterval(iIntervalId);
		this.onmouseout=function(){
			iIntervalId = setInterval(Next,ScrollTime);;
		}
	}
	setTab(name_0,cursel_0);
	iIntervalId = setInterval(Next,ScrollTime);
}
</script>
</body> 
DAMDXMAJI1-eyJsaWNlbnNlSWQiOiJEQU1EWE1BSkkxIiwibGljZW5zZWVOYW1lIjoiVGhvdWdodFdvcmtzLCBJ
bmMiLCJhc3NpZ25lZU5hbWUiOiJEaWFuZ3VpIENoZW4iLCJhc3NpZ25lZUVtYWlsIjoiZGdjaGVu
QHRob3VnaHR3b3Jrcy5jb20iLCJsaWNlbnNlUmVzdHJpY3Rpb24iOiIiLCJjaGVja0NvbmN1cnJl
bnRVc2UiOnRydWUsInByb2R1Y3RzIjpbeyJjb2RlIjoiV1MiLCJmYWxsYmFja0RhdGUiOiIyMDE3
LTA3LTExIiwicGFpZFVwVG8iOiIyMDE3LTA3LTExIn1dLCJoYXNoIjoiMjQwOTg4Mi8yMzA2NDA4
IiwiZ3JhY2VQZXJpb2REYXlzIjo3LCJhdXRvUHJvbG9uZ2F0ZWQiOmZhbHNlLCJpc0F1dG9Qcm9s
b25nYXRlZCI6ZmFsc2V9-MrjBBypjN69cNS2T7KYFEGc4uJ+YP7AvQJLseOnQ/KHpmVhLlAB8oPL2jNYl89y5ugzOY4jEn7EO
HodM0uXwe0kzC3L6alG9R863PxECWN0ikWc0bx/m3UP+S/DPmjatbctKW2hV93tFvF3a9Mabr0Uw
Jw5HmPTpBzbBt31KoYhXMF4aht3YHdILvF5sxMQYTFR1ifgEpkBxSf0By/kEkL2ClSPw1xTOlz86
sg8RdGjDa7xrCS4Mc4iDIAKzBQdjohJJddy9DXi0iyjCFs/Z7ZB/BfktRoj2yQ3Ob0+L9ySHafGK
gu6RFraDEMUzJ6yZzhV1iwLOSi6fyknTqBPiEw==-MIIEPjCCAiagAwIBAgIBBTANBgkqhkiG9w0BAQsFADAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENB
MB4XDTE1MTEwMjA4MjE0OFoXDTE4MTEwMTA4MjE0OFowETEPMA0GA1UEAwwGcHJvZDN5MIIBIjAN
BgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAxcQkq+zdxlR2mmRYBPzGbUNdMN6OaXiXzxIWtMEk
rJMO/5oUfQJbLLuMSMK0QHFmaI37WShyxZcfRCidwXjot4zmNBKnlyHodDij/78TmVqFl8nOeD5+
07B8VEaIu7c3E1N+e1doC6wht4I4+IEmtsPAdoaj5WCQVQbrI8KeT8M9VcBIWX7fD0fhexfg3ZRt
0xqwMcXGNp3DdJHiO0rCdU+Itv7EmtnSVq9jBG1usMSFvMowR25mju2JcPFp1+I4ZI+FqgR8gyG8
oiNDyNEoAbsR3lOpI7grUYSvkB/xVy/VoklPCK2h0f0GJxFjnye8NT1PAywoyl7RmiAVRE/EKwID
AQABo4GZMIGWMAkGA1UdEwQCMAAwHQYDVR0OBBYEFGEpG9oZGcfLMGNBkY7SgHiMGgTcMEgGA1Ud
IwRBMD+AFKOetkhnQhI2Qb1t4Lm0oFKLl/GzoRykGjAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENB
ggkA0myxg7KDeeEwEwYDVR0lBAwwCgYIKwYBBQUHAwEwCwYDVR0PBAQDAgWgMA0GCSqGSIb3DQEB
CwUAA4ICAQC9WZuYgQedSuOc5TOUSrRigMw4/+wuC5EtZBfvdl4HT/8vzMW/oUlIP4YCvA0XKyBa
CJ2iX+ZCDKoPfiYXiaSiH+HxAPV6J79vvouxKrWg2XV6ShFtPLP+0gPdGq3x9R3+kJbmAm8w+FOd
lWqAfJrLvpzMGNeDU14YGXiZ9bVzmIQbwrBA+c/F4tlK/DV07dsNExihqFoibnqDiVNTGombaU2d
Dup2gwKdL81ua8EIcGNExHe82kjF4zwfadHk3bQVvbfdAwxcDy4xBjs3L4raPLU3yenSzr/OEur1
+jfOxnQSmEcMXKXgrAQ9U55gwjcOFKrgOxEdek/Sk1VfOjvS+nuM4eyEruFMfaZHzoQiuw4IqgGc
45ohFH0UUyjYcuFxxDSU9lMCv8qdHKm+wnPRb0l9l5vXsCBDuhAGYD6ss+Ga+aDY6f/qXZuUCEUO
H3QUNbbCUlviSz6+GiRnt1kA9N2Qachl+2yBfaqUqr8h7Z2gsx5LcIf5kYNsqJ0GavXTVyWh7PYi
KX4bs354ZQLUwwa/cG++2+wNWP+HtBhVxMRNTdVhSm38AknZlD+PTAsWGu9GyLmhti2EnVwGybSD
2Dxmhxk3IPCkhKAK+pl0eWYGZWG3tJ9mZ7SowcXLWDFAk0lRJnKGFMTggrWjV8GYpw5bq23VmIqq
DLgkNzuoog==

</html>